<script setup>
	/**
	 * 组件的属性列表
	 * 用于组件自定义设置
	 */
	// props: {
	// 		// 正在加载
	// 		isLoading: {
	// 			type: Boolean,
	// 			default: false
	// 		},
	// 自定义样式
	// customStyle: {
	//   type: Object,
	//   default () {
	//     return {}
	//   }
	// },
	// 提示的问题
	// tips: {
	// 	type: String,
	// 	default: '亲，暂无相关数据'
	// }
	// },

	const props = defineProps({
		tips: {
			type: String,
			default: '亲，暂无相关数据'
		}
	})

	function goIndex() {
		console.log(3444);
		uni.switchTab({
			url: '/pages/index/index'
		})
	}
</script>

<template>
	<view class="empty-content">
		<view class="empty-icon">
			<image class="image" src="/static/images/empty.png" mode="widthFix"></image>
		</view>
		<view class="tips">{{ tips }}</view>
		<slot name="slot"></slot>
		<button @click="goIndex">去购物</button>
	</view>
</template>



<style lang="scss" scoped>
	.empty-content {
		box-sizing: border-box;
		width: 100%;
		padding: 140rpx 50rpx;
		text-align: center;

		.tips {
			font-size: 28rpx;
			color: gray;
			margin: 50rpx 0;
		}

		.empty-icon .image {
			width: 280rpx;
		}

		button {
			margin-top: 90rpx;
			width: 320rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 40rpx;
			background-color: $custom-theme-color;
			color: #fefefe;
		}
	}
</style>